.pd-search-tree {
  display :flex;
  height :100%;
  border-radius :2px;

  flex-direction :column;
  background-color :#fff;

  &-hilight {
    color :#f50;
  }

  &-title {
    height :50px;
    padding-left :20px;
    border-bottom :1px solid #eee;
    font-size :16px;
    font-weight :600;
    line-height :50px;
    color :#000;
  }

  &-node-title {
    display: flex;
  }

  &-node-title-content {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &-op {
    display: flex;
    align-items: center;
    .pd-search-tree-reset-btn {
      margin-right: 20px;
      width: 40px;
    }
  }
  &-input {
    padding :10px 10px 10px 20px;
  }

  &-ant-tree {
    overflow-x :hidden;
    overflow-y :auto;
    min-height :60px;
    padding-right :10px;
    padding-left :10px;

    flex :1;
    .ant-tree-list {
      .ant-tree-indent-unit {
        width :10px;
      }

      .ant-tree-treenode {
        width :100%;
        margin-top :8px;

        .ant-tree-node-content-wrapper {
          overflow :hidden;

          flex :auto;
          white-space :nowrap;
          text-overflow :ellipsis;
        }

        .ant-tree-node-selected {
          color :#1b88fd;
        }
      }
    }
  }
}
